/*=================
 * PH├ÆNG C├öNG CHß╗¿NG
 *===============*/
@charset "UTF-8";

@import "compass";
@import "compass/layout";
@import "define";

$icon-layout: smart;

@import "icon/*.png";

// COMMON

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset,
form, label, legend {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
}

:focus {
    outline: 0;
}

ol,ul {
    list-style: none;
}

img {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

html, body {
    -webkit-backface-visibility: hidden;
    margin: 0 !important;
    -ms-overflow-y: visible !important;
    overflow-y: visible !important;
}

body {
    background: white;
    color: $body-color;
    font: 400 normal 100% $font-name;
    line-height: 1.5em;
    font-size: 14px;
}

a:link,a:visited,a:hover,a:focus {
    text-decoration: none;
}

a:link,a:visited {
    color: $body-color;
}

a:hover,a:focus {
    color: $main-color;
}

@include sticky-footer(100px, "#wrapper", "#push", "#footer-container");

// IMPORT CSS OF JQUERY PLUGIN
// ***************************
@import "jquery.owlCarousel";
@import "jquery.magnificPopup";
@import "jquery.mMenu";

.img-liquid img {
    visibility: hidden;
}

.bwWrapper {
    position: relative;
    display: block;
}

// ***************************

// GLOBAL STYLES
* {
    @include transition(all 0.3s ease);
}

::selection {
    background-color: $sub-color;
    color: #fff;
}

.no-mr {
    margin-right: 0 !important;
}

.no-ml {
    margin-left: 0 !important;
}

.no-pr {
    padding-right: 0 !important;
}

.no-pl {
    padding-left: 0 !important;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.btn-custom {
    @include inline-block;
    background-color: $sub-color;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 13px 37px;
    border: none;
    @include border-radius(5px);
    &:hover {
        background-color: darken($sub-color, 5%);
        color: #fff !important;
    }
}

.title {
    font-weight: 400;
    font-size: 18px;
    a {
        color: #004884;
        &:hover {
            color: $main-color;
        }
    }
    span {
        color: #004884;
    }
    i {
        margin-right: 8px;
    }
    .more {
        font-size: 16px;
        color: #3f3f3f;
    }
    padding-bottom: 15px;
}

.title-bd {
    border-bottom: 1px solid #5087B5;
    padding-bottom: 0;
    a, span {
        padding-bottom: 5px;
        border-bottom: 1px solid #5087b5;
        @include inline-block;
    }
}

.title-upper {
    a, span {
        text-transform: uppercase;
        font-size: 14px;
        color: #3f3f3f;
    }
}

.title-sm {
    font-weight: 400;
}

.block {
    margin-bottom: 20px;
}

.view-more {
    color: #d92917 !important;
    border-bottom: 1px dashed transparent;
    &:hover {
        border-bottom-color: #D92917;
    }
}

.block-file {
    ul {
        border: 1px solid #E2E2E2;
        border-top: none;
        padding: 0 9px;
        li {
            border-top: 1px solid #E4E4E4;
            padding: 8px 0;
            &:first-child {
                border: none;
            }
            a {
                display: block;
            }
            .icon {
                margin-top: 3px;
                @include transition(none);
            }
        }
    }
    &.full-hover {
        ul li {
            padding: 0;
            a {
                padding: 8px 0;
            }
            &:first-child {
                padding-top: 0;
            }
            &:hover {
                a {
                    color: $main-color;
                }
                .icon-file {
                    @include icon-sprite(icon-file_hover);
                }
            }
        }
    }
}

// ICON SPRITE
.icon {
    @include inline-block;
}

@each $icon-name in icon-phone, icon-fax, icon-mail, logo, icon-arrow, icon-intro, icon-time, icon-time-sm, icon-breaking-news, icon-support-info, icon-picture-activity, icon-file, icon-support-link, icon-word, icon-folder, icon-question, icon-dollar, icon-document, icon-coin, icon-address, icon-telephone, icon-fax-black, icon-mail-black, icon-select {
    .#{$icon-name} {
        @include icon-sprite($icon-name);
        width: icon-sprite-width($icon-name);
        height: icon-sprite-height($icon-name);
    }
}

.icon-intro {
    margin-top: -7px;
    margin-right: 5px !important;
}

.icon-time {
    margin-top: -5px;
}

.icon-time-sm {
    margin-top: -2px;
    margin-right: 5px;
}

.icon-news-features {
    margin-top: -4px;
}

.icon-support-info {
    margin-top: -8px;
}

.icon-picture-activity {
    margin-top: -3px;
}

.icon-support-link {
    margin-top: -5px;
}

.icon-file {
    @include transition(none);
}

.icon-folder {
    margin-top: -4px;
    margin-right: 5px;
}

.icon-question {
    margin-top: -5px;
}

.icon-dollar {
    margin-top: -3px;
}

.icon-document {
    margin-top: -4px;
}

.icon-coin {
    margin-top: -7px;
}

.icon-breaking-news {
    margin-top: -6px;
}

// HEADER CONTAINER
.top-header {
    background-color: $main-color;
    padding: 12px 0;
    border-bottom: 1px solid #30AFE5;
    @include respond-to(480) {
        display: none;
    }
}

.list-info-contact {
    li {
        @include inline-block;
        margin-left: 28px;
        &:first-child {
            margin-left: 0;
        }
        a, span {
            color: #e7f4fa;
        }
        i {
            margin-top: -2px;
            margin-right: 10px;
        }
    }
}

.bottom-header {
    background: image-url("bg-top-header.jpg") no-repeat top center;
    height: image-height("bg-top-header.jpg");
    width: 100%;
    .logo {
        margin-top: 9px;
    }
}

.menu-container {
    background-color: #069BDA;
    .container {
        position: relative;
    }
    .wd-button-menu {
        display: none;
        position: absolute;
        top: 22px;
        left: 10px;
        color: #fff !important;
        padding: 9px 10px;
        .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            @include border-radius(1px);
            background-color: #fff;
            + .icon-bar {
                margin-top: 4px;
            }
        }
        @include respond-to(1024) {
            display: block;
        }
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .nav>li {
        margin-left: 2px;
        height: 73px;
        padding-top: 17px;
    }
    .nav>li:first-child {
        margin-left: 0;
    }
    .nav>li>a {
        padding: 10px 20px;
        color: #fff;
        font-size: 16px;
        @include border-radius(5px);
    }
    .nav>li>a:hover, .nav>li>a.active {
        background-color: #fff;
        color: #069bda;
    }
    .menu-horizontal {
        @include respond-to(1024) {
            display: none;
        }

        li {
            ul {
                position: absolute;
                top: 80px;
                left: 0;
                width: 200px;
                visibility: hidden;
                background: #fff;
                @include border-radius(5px);
                @include opacity(0);
                z-index: 10;
                overflow: hidden;
                li {
                    width: 100%;
                    a {
                        color: #191919;
                        padding: 5px 0px 5px 10px;
                        font-size: 14px;
                        font-weight: 400;
                        display: block;
                        &:hover {
                            color: $main-color;
                        }
                    }
                    &:first-child {
                        padding-top: 5px;
                        overflow: hidden;
                    }
                    &:last-child {
                        padding-bottom: 5px;
                        overflow: hidden;
                    }
                }
            }
            &:hover ul {
                top: 73px;
                @include opacity(1);
                visibility: visible;
            }
        }
    }
    .icon-arrow {
        margin-left: 5px;
        @include transition(none);
    }
    .nav > li > a:hover .icon-arrow, .nav > li > a.active .icon-arrow {
        @include icon-sprite(icon-arrow-hover);
    }
    a.btn-custom {
        margin-top: 13px;
        margin-bottom: 13px;
    }
}

.banner-container {
    background: image-url("bg-banner.jpg") no-repeat center center;
    width: 100%;
    height: image-height("bg-banner.jpg");
    .container {
        display: table;
        height: 100%;
    }
    .wrap-text {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        @include respond-to(1024) {
            text-align: center;
        }
    }
    .inner {
        margin-right: 100px;
        @include inline-block;
        @include respond-to(1024) {
            margin-right: 0;
        }
    }
    img {
        display: block;
    }
    .text-img-03 {
        margin-top: 4px;
    }
}

// CONTENT CONTAINER
.content-container {
    padding-top: 20px;
}

.content-detail-style {
    p, div {
        padding: 3px 0;
    }
}

.block-intro {
    .title {
        padding-bottom: 7px;
    }
}

.block-time-work {
    .content-detail {
        p span {
            color: #004884;
        }
        .pull-left {
            width: 75%;
        }
    }
    .title {
        padding-bottom: 10px;
    }
    .btn-custom {
        margin-top: 7px;
        @include respond-to(600) {
            float: none !important;
        }
    }
}

.block-breaking-news {
    .title-sm {
        line-height: 1.4;
    }
    .lg {
        @include respond-to(600) {
            margin-bottom: 20px;
        }
    }
}

.lg {
    .img-liquid {
        width: 100%;
        height: 170px;
    }
    .title-sm {
        padding: 18px 0 10px;
        a {
            color: #004884;
            font-size: 16px;
            &:hover {
                color: $main-color;
            }
        }
    }
}

.date-post {
    font-size: 12px;
    color: #8d8d8d;
    padding-top: 15px;
}

.md {
    li {
        .img-liquid {
            float: left;
            width: 170px;
            height: 78px;
            @include respond-to(320) {
                float: none;
                width: 100%;
                height: 150px;
            }
        }
        overflow: hidden;
        margin-top: 25px;
        &:first-child {
            margin-top: 0;
        }
        .content-left {
            margin-left: 180px;
            @include respond-to(320) {
                margin-left: 0;
                margin-top: 15px;
            }
        }
        .title-sm {
            a {
                font-size: 16px;
            }
        }
        .date-post {
            padding-top: 10px;
        }
    }
}

.block-support-info {
    ul li {
        .img-liquid {
            width: 100%;
            height: 100px;
        }
        .caption {
            text-align: center;
            background-color: #4782B2;
            display: block;
            padding: 5px 0;
            color: #fff;
        }
        &:hover {
            .caption {
                background-color: #004884;
            }
        }
        &:nth-last-child(n + 3) {
            @include respond-to(600) {
                margin-bottom: 20px;
            }
        }
    }
}

.hover-item {
    .item-inner {
        position: relative;
        .img-liquid {
            width: 100%;
            height: 170px;
            display: table;
        }
        .mask {
            display: block;
            width: 100%;
            height: 100%;
            background-color: rgba(#4782b2, 0.5);
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            @include opacity(0);
        }
        .caption {
            display: table-cell;
            vertical-align: middle;
            color: #fff;
            position: relative;
            z-index: 2;
            padding: 0px 50px;
            text-align: center;
            @include opacity(0);
            @include transform(translateY(20px));
        }
        &:hover {
            .mask {
                @include opacity(1);
            }
            .caption {
                @include opacity(1);
                @include transform(translateY(0));
            }
        }
    }
}

.block-picture-activity, .block-support-link {
    &.container {
        padding-right: 0;
        @include respond-to(1024) {
            padding-right: 5px;
        }
    }
    .item-inner {
        position: relative;
        margin-right: 15px;
        .img-liquid {
            width: 100%;
            height: 124px;
        }
        .caption {
            padding: 0 10px;
        }
    }
}

.block-support-link {
    .item-inner {
        display: table;
        height: 90px;
        margin: auto;
        span {
            display: table-cell;
            vertical-align: middle;
        }
    }
}

// SIDEBAR
.block-ans-ques {
    ul li {
        position: relative;
        p {
            width: 75%;
        }
        .answer {
            width: 25%;
            position: absolute;
            right: 0;
            bottom: 10px;
            text-align: right;
        }
    }
}

.breadcrumb {
    overflow: hidden;
    margin-top: 20px;
    li {
        float: left;
        a, span {
            display: block;
            background-color: #14609e;
            padding: 5px 0 5px 30px;
            color: #fff;
            font-size: 12px;
        }
        span {
            background-color: $main-color;
            padding-right: 10px;
        }
        a {
            position: relative;
            float: left;
            @include transition(none);
            &:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 30px solid transparent;
                border-bottom: 30px solid transparent;
                border-left: 20px solid white;
                position: absolute;
                top: 50%;
                margin-top: -30px;
                margin-left: 2px;
                left: 100%;
                z-index: 1;
            }
            &:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 30px solid transparent;
                border-bottom: 30px solid transparent;
                border-left: 20px solid #14609e;
                position: absolute;
                top: 50%;
                margin-top: -30px;
                left: 100%;
                z-index: 2;
            }
            &:hover {
                background: $sub-color;
                &:after {
                    border-left-color: $sub-color !important;
                }
            }
        }
        &:first-child > * {
            @include border-radius(5px 0 0 5px);
            padding-left: 10px;
        }
        &:last-child > * {
            @include border-radius(0 5px 5px 0);
        }
    }
}

table {
    &.table-next {
        th {
            &.title span {
                color: #fff;
            }
            &:first-child span {
                color: #004884;
                &::selection {
                    background-color: $sub-color;
                    color: #fff;
                }
            }
            span {
                &::selection {
                    background-color: #FFF;
                    color: #fff;
                }
            }
        }
    }
    thead {
        th {
            font-weight: 500;
            text-align: center;
            vertical-align: bottom;
            &:first-child {
                text-align: left;
                width: 50%;
            }
            &:last-child {
                a, span {
                    margin-right: 10px;
                }
            }
        }
    }
    tbody {
        border: 1px solid #E2E2E2;
        border-top-color: #5087b5;
        tr {
            &:first-child {
                a, span {
                    border-top: none;
                }
            }
            td {
                text-align: center;
                vertical-align: top;
                a, span {
                    display: block;
                    padding: 8px 0;
                    border-top: 1px solid #E4E4E4;
                }
                &:first-child {
                    text-align: left;
                    a, span {
                        margin-left: 10px;
                    }
                }
                &:last-child {
                    a, span {
                        margin-right: 10px;
                    }
                }
            }
            &:hover {
                td:first-child a {
                    color: $main-color;
                }
                .icon-file {
                    @include icon-sprite(icon-file_hover);
                }
            }
        }
    }
    &.fixed {
        table-layout: fixed;
        thead {
            th {
                &:first-child {
                    text-align: center;
                    width: auto;
                    a, span {
                        margin-left: 10px;
                    }
                }
                &:last-child {
                    a, span {
                        margin-right: 10px;
                    }
                }
            }
        }
        tbody {
            tr {
                td {
                    &:first-child {
                        text-align: center;
                    }
                }
            }
        }
    }
}

.block-file {
    &.block-breaking-news {
        .md {
            border: none;
            padding: 0;
            li {
                margin-top: 0;
                padding: 16px 0;
            }
        }
    }
}

.popup {
    background-color: #FFF;
    z-index: 999;
    width: 630px;
    padding: 30px;
    margin: auto;
    span {
        text-transform: uppercase;
        font-size: 14px;
    }
    form {
        .wrap-form-group {
            border: 1px solid #E2E2E2;
            border-top: none;
            padding: 0 10px;
            .form-control {
                border: none;
                padding: 20px 0;
                border-top: 1px solid #E4E4E4;
                &:first-child {
                    border-top: none;
                }
                @include box-shadow(none);
                @include border-radius(0);
                @include placeholder {
                    text-transform: uppercase;
                    font-size: 12px;
                    color: $body-color;
                }
            }
            textarea {
                height: 100px;
                resize: none;
            }
        }
        .btn-custom {
            margin-top: 10px;
            padding: 7px 20px;
            background: $main-color;
            &:hover {
                background: darken($main-color, 5%);
            }
        }
    }
}

.page-intro {
    .img-large {
        &.img-liquid {
            width: 100%;
            height: 354px;
        }
    }
    .main-intro {
        p {
            padding: 5px 0;
        }
        a {
            color: $sub-color;
            border-bottom: 1px dashed transparent;
            &:hover {
                border-bottom-color: $sub-color;
            }
        }
        .title {
            font-size: 16px;
            font-weight: 400;
        }
    }
    .sub-intro {
        margin-top: 30px;
        margin-bottom: 20px;
        .img-liquid {
            width: 100%;
            height: 170px;
        }
        .title {
            padding-top: 10px;
            a {
                font-size: 16px;
                font-weight: 400;
                color: #3f3f3f;
                &:hover {
                    color: $main-color;
                }
            }
        }
        .wrap-content-detail {
            p {
                padding: 3px 0;
            }
        }
    }
}

.note {
    font-weight: 500;
    font-style: italic;
    font-size: 16px;
    a {
        color: #d92917;
        border-bottom: 1px dashed transparent;
        &:hover {
            border-bottom-color: #d92917;
        }
    }
}

.page-photo {
    margin-bottom: 20px;
    .title-bd {
        a {
            &:first-child {
                margin-right: 30px;
            }
            &:hover, &.active {
                color: $sub-color;
                border-bottom-color: $sub-color;
            }
        }
    }
    ul {
        li {
            margin-top: 30px;
            .inner {
                padding: 10px 10px 5px;
                border: 1px solid #E2E2E2;
            }
            .img-liquid, .bwWrapper {
                width: 100%;
                height: 160px;
                @include respond-to(600) {
                    height: auto;
                }
            }
            .wrap-caption {
                display: block;
                text-transform: uppercase;
                // font-size: 16px;
                overflow: hidden;
                margin-top: 5px;
            }
            .bwWrapper img {
                width: 100%;
                height: 100%;
            }
        }
    }
}

.page-photo-detail {
    margin-bottom: 20px;
    .title-bd {
        span {
            text-transform: uppercase;
            font-size: 14px;
        }
    }
    ul li {
        margin-top: 30px;
    }
    .date-post-photo {
        margin-right: 20px;
        margin-left: 20px;
    }
    .date-post-photo, .number-photo {
        margin-top: 3px;
        font-size: 12px !important;
        color: #3f3f3f;
    }
}

.title-lg {
    color: #3f3f3f;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    i {
        margin-right: 8px;
    }
}

.page-faqs {
    dt {
        padding: 10px 0;
        font-weight: 600;
    }
    dd {
        padding-left: 20px;
        * {
            padding: 3px 0;
        }
    }
}

.page-paper {
    ul {
        margin-bottom: 20px;
        li {
            display: table;
            margin-top: 10px;
            span {
                @include icon-sprite(bg-polygon);
                width: icon-sprite-width(bg-polygon);
                height: icon-sprite-height(bg-polygon);
                @include inline-block;
                text-align: center;
                display: table-cell;
                font-size: 24px;
                color: #fff;
                text-transform: uppercase;
            }
            a {
                display: table-cell;
                vertical-align: middle;
                padding-left: 20px;
            }
        }
    }
}

.page-fees {
    p {
        padding: 3px 0;
    }
    .heading {
        font-size: 16px;
        color: #004884;
        padding: 20px 0;
        line-height: 24px;
    }
    table {
        thead {
            th {
                &:first-child {
                    width: 30px;
                    a, span {
                        margin-left: 0;
                    }
                }
            }
        }
        tbody {
            tr {
                td {
                    border-left: 1px solid #E4E4E4;
                    a, span {
                        padding: 8px;
                    }
                    &:first-child {
                        a, span {
                            margin-left: 0;
                        }
                    }
                    &:last-child {
                        a, span {
                            margin-right: 0;
                        }
                    }
                }
            }
        }
    }
}

.news {
    .lg {
        .img-liquid {
            width: 100%;
            height: 354px;
        }
    }
    .md {
        margin-top: 20px;
        .img-liquid {
            width: 100%;
            height: 170px;
            float: none;
        }
        li {
            margin-top: 0;
            margin-bottom: 20px;
            .title {
                padding-top: 10px;
                a {
                    font-size: 16px;
                    font-weight: 400;
                    color: #3f3f3f;
                    &:hover {
                        color: $main-color;
                    }
                }
            }
            .wrap-content-detail {
                p {
                    padding: 3px 0;
                }
            }
        }
    }
}

.cus-pagination {
    padding-top: 10px;
    margin-bottom: 20px;
    border-top: 1px solid #e2e2e2;
    text-align: center;
    li {
        @include inline-block;
        a, span {
            padding: 5px 10px;
            background-color: $main-color;
            color: #fff;
            @include border-radius(5px);
            &:hover {
                background-color: $sub-color;
            }
        }
        &.active {
            span {
                background-color: $sub-color;
            }
        }
    }
}

.news-detail {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 20px;
    margin-bottom: 20px;
    .title-news {
        font-size: 20px;
        color: #3f3f3f;
        margin-bottom: 20px;
    }
    .img-news {
        width: 100%;
        height: auto;
    }
    .content-detail {
        p {
            padding: 3px 0;
        }
    }
}

.block-news-related {
    .item-inner {
        .title-sm {
            margin-top: 5px;
            a {
                font-size: 16px;
                color: #3f3f3f;
                line-height: 22px;
            }
        }
        &:hover {
            .title-sm a {
                color: $main-color;
            }
        }
    }
}

.info-contact {
    p {
        padding: 2px 0;
    }
    .title-lg {
        font-size: 16px;
        margin-bottom: 15px;
        &.title-md {
            font-size: 14px;
            margin-top: 10px;
            margin-bottom: 10px;
        }
    }
    .wrap-icon {
        @include inline-block;
        width: 20px;
        .icon {
            vertical-align: top;
        }
    }
    .pl {
        padding-left: 30px;
    }
}

.contact-page {
    margin-bottom: 20px;
    .popup {
        width: 100%;
        padding: 0;
        form {
            .btn-custom {
                background-color: $sub-color;
                &:hover {
                    background-color: darken($sub-color, 5%);
                }
            }
        }
    }
}

.select {
    position: relative;
    border: 1px solid #5087B5;
    padding: 8px;
    height: 37px;
    line-height: 1;
    margin: 0px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 100;
    float: left;
    @include box-sizing(border-box);
    .icon-select {
        position: absolute;
        top: 15px;
        right: 10px;
    }
    select {
        display: block;
        @include opacity(0);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 0px;
        margin: 0px;
        position: absolute;
        z-index: 101;
        &:focus {
            outline: none;
        }
    }
    .text-selected {
        font-size: 16px;
        color: #004884;
        border-bottom: 1px solid #5189B6;
        padding-bottom: 8px;
    }
}

#map {
    width: 100%;
    height: 450px;
}

.loading {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    .inner {
        @include inline-block;
        img {
            margin-right: 10px;
        }
    }
}

// FOOTER CONTAINER
#footer-container {
    background-color: $main-color;
    color: #fff;
    padding-top: 25px;
    .designby {
        a {
            color: #fff600;
            border-bottom: 1px dashed transparent;
            &:hover {
                border-bottom-color: #FFF600;
            }
        }
    }
    .list-info-contact, .designby {
        padding-top: 7px;
    }
    .col-left, .col-right {
        @include respond-to(1024) {
            float: none !important;
            text-align: center;
        }
    }
    .col-right {
        @include respond-to(1024) {
            padding-top: 7px;
        }
    }
}

// RESPONSIVE
@media (min-width: 1200px) {}

@media (max-width: 1024px) {
    @include sticky-footer(150px, "#wrapper", "#push", "#footer-container");
}

@media (max-width: 996px) {}

@media (max-width: 800px) {}

@media (max-width: 600px) {
    #popup-info-meet {
        width: 90%;
    }
    .sub-intro li {
        margin-top: 30px;
        &:first-child {
            margin-top: 0;
        }
    }
}

@media (max-width: 480px) {
    @include sticky-footer(170px, "#wrapper", "#push", "#footer-container");
    .top-header .list-info-contact li:last-child {
        margin-left: 0;
    }
    .table-file tr {
        td, th {
            &:first-child {
                width: 85%;
            }
            &:nth-child(2), &:nth-child(3) {
                display: none;
            }
        }
    }
}

@media (max-width: 320px) {
    @include sticky-footer(220px, "#wrapper", "#push", "#footer-container");
    .top-header .list-info-contact li {
        width: 100%;
        margin-left: 0;
    }
    .table-file tr {
        td, th {
            &:first-child {
                width: 75%;
            }
        }
    }
    .banner-container img[class^="text-img"] {
        width: 90%;
        margin: auto;
    }
}